<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head th:replace="fragment :: head(~{::title})">
  <title>后台管理</title>
</head>
<body>

  <!--头部导航-->
  <nav th:replace="admin/admin-fragment :: menu(0)"></nav>


  <!--中间内容-->
  <div  class="m-container-small m-padded-tb-big">
    <div class="ui container">
      <div class="ui success large  message" style="text-align: center">
        <h3>Hi,</h3>
        <p><span th:text="${session.admin.getUsername()}"/>........欢迎进入论坛后台管理系统！</p>
      </div>

      <!--登录成功图片-->
      <div  style="display: flex;">
        <p class="tiezi" style="font-size: 20px;line-height: 50px;margin-left: 100px">用户量：</p><span style="border-radius:20px;background-color: #e1efd4;height: 60px;width: 80px;text-align: center;font-size: 50px;color: #00d95a;font-style:italic;line-height: 50px" th:text="${userCount}"></span>
        <p class="tiezi" style="font-size: 20px;line-height: 50px;margin-left: 200px">帖子量：</p><span style="border-radius:20px;background-color: #e1efd4;height: 60px;width: 80px;text-align: center;font-size: 50px;color: #00d95a;line-height: 50px;font-style:italic" th:text="${forumCount}"></span>
        </div>
      <div style="display: flex">
        <p class="tiezi" style="font-size: 20px;line-height: 50px;margin-left: 100px">浏览量：</p><span style="border-radius:20px;background-color: #e1efd4;height: 60px;width: 80px;text-align: center;font-size: 50px;color: #00d95a;line-height: 50px;font-style:italic" th:text="${forumView}"></span>
        <p class="tiezi" style="font-size: 20px;line-height: 50px;margin-left: 200px">分类量：</p><span style="border-radius:20px;background-color: #e1efd4;height: 60px;width: 80px;text-align: center;font-size: 50px;color: #00d95a;font-style:italic;line-height: 50px" th:text="${tagCount}"></span>
       </div>
       <div style="display: flex">
         <p class="tiezi" style="font-size: 20px;line-height: 50px;margin-left: 100px">友链量：</p><span style="border-radius:20px;background-color: #e1efd4;height: 60px;width: 80px;text-align: center;font-size: 50px;color: #00d95a;font-style:italic;line-height: 50px" th:text="${linkCount}"></span>
         <p class="tiezi" style="font-size: 20px;line-height: 50px;margin-left: 200px">通知量：</p><span style="border-radius:20px;background-color: #e1efd4;height: 60px;width: 80px;text-align: center;font-size: 50px;color: #00d95a;font-style:italic;line-height: 50px" th:text="${noticeCount}"></span>
      </div>
      <img th:src="@{/static/images/bg1.jpg}" alt="" class="ui rounded bordered fluid image">
    </div>
  </div>

  <br>
  <br>

  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <!--底部footer-->
  <footer th:replace="admin/admin-fragment :: footer">

  </footer>


  <th:block th:replace="admin/admin-fragment :: script">

  </th:block>

  <script>
    $('.menu.toggle').click(function () {
      $('.m-item').toggleClass('m-mobile-hide');
    });

    $('.ui.dropdown').dropdown({
      on : 'hover'
    });

  </script>
</body>
</html>
